<template>
	<view  class="body">
		
		<view class="no-network">
			<image  class="iconfont " mode="scaleToFill" :src="`../../static/no-network.png`" ></image>
			<view class="text"  @tap="backRefresh">
				加载失败，点击  <text> 刷新 </text> 试试！
			</view>
		</view>
		<!-- <button type="default"  @tap="backRefresh">加载失败，点击刷新试试</button> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
            backRefresh(){
			    this.$tools.triggerPrePagefun( 1 , 'refreshPage')  
		    },
		}
	}
</script>

<style lang="scss" scoped>
	
	.body{
		width: 100%;
		height: 80%;
		display: flex;
		flex-direction: column;
		align-items: center;
		 justify-content: center;
		.no-network{
			image{
				width: 231rpx;
				height: 187rpx;
				margin: 0 auto;
				display: block;
		
			}
			>view{
				display: flex;
				flex-direction: center;
				font-size:26rpx;
				font-family:Source Han Sans CN;
				font-weight:400;
				color:rgba(122,131,141,1);
			}
			
			.text{
				display: block;
				width:340rpx;
				text-align: center;
				height:56rpx;
				line-height: 56rpx;
				border:1rpx solid rgba(0,199,89,1);
				border-radius:8rpx;
				margin: 38rpx  auto;
				font-weight:400;
				color:rgba(0,199,89,1);
			}
		}
	}

</style>
